﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="Content/bootstrap-theme.css" rel="stylesheet" />
    <link href="Content/themes/base/all.css" rel="stylesheet" />
    <style>
        /*.draggable { width: 100px; height: 20px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
        #available { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }*/
        tr.draggable > td > div.ui-state-default
        {
        cursor: move;
        }
 
        .ghost
        {
        background-color: Gray;
        opacity: 0.5;
        }
    </style>
</head>
<body>

    <div class="container">
        <div class="row clearfix">
            <div class="col-md-6 column" id="available">
                <table class="table table-bordered table-striped">
                    <tr>
                        <th></th>
                        <th>Text</th>
                        <th>User</th>
                        <th>Timestamp</th>
                    </tr>
                    <tr class="draggable" data-id="7">
                        <td><div class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-grip-dotted-vertical" /></div></td>
                        <td>Do your homework</td>
                        <td>Nick</td>
                        <td>2014-12-08</td>
                    </tr>
                </table>
            </div>
            <div class="col-md-6 column" id="completed">
                <table class="table table-bordered table-striped">
                    <tr class="droppable">
                        <td><div class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-grip-dotted-vertical" /></div></td>
                        <th>Text</th>
                        <th>User</th>
                        <th>Timestamp</th>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <script src="Scripts/jquery-2.1.1.js"></script>
    <script src="Scripts/jquery-ui-1.11.2.js"></script>
    <script src="Scripts/bootstrap.js"></script>
    <script src="script.js"></script>
</body>
</html>
